<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伪类选择器</title>
</head>
 <style>
    /* 伪类选择器，用在超链接上时，遵循Love HAte原则 */

    /* :link :visited 锚点选择器*/
    /* 超链接被访问前 */
    a:link{
        color:brown;
    }

    /* 超链接被访问后 */
    a:visited{
        color: orange;
    }

    /* 鼠标悬浮在超链接上 */
    a:hover{
        background-color:aquamarine;
    }

    /* 鼠标点击超链接时 */
    a:active{
        background-color: royalblue;
    }

    input:hover{
        line-height: 100px;
    }
    input:active{
        background-color: royalblue;
    }

    /* :focus只适用于输入框 */
    /* input:focus{
        background-color: royalblue;
    } */
  </style>
<body>
    <a href="https://www.baidu.com" target="_blank">点击领大额优惠券，速度速度</a>
    <br/>
    <br/>
    <br/>
    <input type="text"></input>
</body>
</html>